<!DOCTYPE html>
<html>

<head lang="en">
    <!-- metatags -->
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="webkit" name="renderer">
    <meta content="YES" name="apple-touch-fullscreen">
    <meta content="telephone=no" name="format-detection">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="-1" http-equiv="Expires">
    <meta content="no-cache" http-equiv="pragram">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

    <title>号卡办理</title>
    <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="css/LArea.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <!-- <link rel="icon" href="./images/logo_title.png" type="image/x-icon" /> -->
    <!-- <link rel="shortcut icon" href="./images/logo_title.png" type="image/x-icon"/> -->
</head>

<body class="index">
<main class="index_mian">
    <!-- tab切换 -->
    <ul class="index_tab">
        <li class="choice" data-type="0"><span>全部</span></li>
        <li data-type="1"><span>移动</span></li>
        <li data-type="2"><span>联通</span></li>
        <li data-type="3"><span>电信</span></li>
    </ul>
    <!-- 列表 -->
    <ul class="index_list"></ul>
    <script id="index_list" type="text/template">
        {%if(data != ''){%}
        {%for(var i = 0;i < data.length;i++){%}
        <li data-id="{%=data[i].id%}">
            <img src="{{env('APP_URL')}}/{%=data[i].thump%}" alt="">
            <div class="list_cen">

                <h3>{%=data[i].name%}</h3>
                <p class="info">{%=data[i].skus%}</p>
                <div class="cen_info">

                    {%if(data[i].operator == '1'){%}
                    <p>运营商：移动</p>
                    {%}%}
                    {%if(data[i].operator == '2'){%}
                    <p>运营商：联通</p>
                    {%}%}
                    {%if(data[i].operator == '3'){%}
                    <p>运营商：电信</p>
                    {%}%}

                    {%if(data[i].is_owner == '1'){%}
                    <p>归属地/号码：可选</p>
                    {%}%}
                    {%if(data[i].is_owner == '0'){%}
                    <p>归属地/号码：不可选</p>
                    {%}%}
                </div>
            </div>
            <div class="list_btn">
                {%if(data[i].price == '0.00'){%}
                <span>0元领卡</span>
                {%}%}
                {%if(data[i].price != '0.00'){%}
                <span>存{%=parseInt(data[i].price)%}元领卡</span>
                {%}%}

            </div>
        </li>
        {%}%}
        {%}%}
        {%if(data == ''){%}
        <div class="null">
            <img src="./images/null.png" alt="">
            <p>暂无数据~</p>
        </div>
        {%}%}
    </script>

    <div class="extension_btn">推广号卡赚零钱，月租消费全搞定</div>
</main>
</body>

</html>
<script type="text/javascript" src="./js/layer/mobile/layer.js"></script>
<script type="text/javascript" src="./js/LArea.js"></script>
<script type="text/javascript" src="./js/LAreaData1.js"></script>
<script type="text/javascript" src="./js/LAreaData2.js"></script>
<script type="text/javascript" src="./js/jq.js"></script>
<script type="text/javascript" src="./js/temp.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
<script type="text/javascript" src="./js/preloadjs-NEXT.min.js"></script>
<script type="text/javascript" src="./js/soundjs-next.min.js"></script>
<script type="text/javascript" src="./js/rem.js"></script>


<script type="text/javascript">
    $(function () {
        clw.hk_index();
    })

</script>